.ui-notice {
    -webkit-box-pack:inherit;
    padding-top:17.1875%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
i.loading:before {
    content:'';
    width:210px;
    height:173px;
    background:url(../img/notice_loading_sprite.png?_bid=354);
    -webkit-background-size:210px auto;
    -webkit-animation:am-rotate 1s steps(3) infinite;
    margin-bottom:30px
}
@-webkit-keyframes am-rotate {
    from {
        background-position:0 -519px
    }
    to {
        background-position:0 0
    }
}


.notice {
    width: 100%;
    height: 200px;
    display: -webkit-box;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    text-align: center;
    bottom: -200px;
}

.notice.active .loading:before {
    -webkit-animation-play-state: running;
}

.loading {
    display: block;
    position: relative;
}

.notice .loading:before {
    margin: 10px 0;
    display: inline-block;
    -webkit-animation-play-state: paused;
}